.header {
  height: 59px;
  border-bottom: 1px solid #404553;
  background-color: #393D49;
}
.logo {
  position: absolute;
  left: 0;
  color:white;
  vertical-align: middle;
  line-height: 60px;
}
.header .layui-nav {
  position: absolute;
  right: 0;
  top: 0;
  padding: 0;
  background: none;
}
.main {
  padding-top:50px;
}
.text-danger {
  color: #a94442;
}
div.table .file-row>div {
  display: table-cell;
  vertical-align: top;
  border-top: 1px solid #ddd;
  padding: 8px;
}
div.table .file-row:nth-child(odd) {
  background: #f9f9f9;
}

div.table .file-row {
  display: table-row;
}
div.table {
  display: table;
}

.table {
  width: 100%;
  margin-bottom: 20px;
}
.title{
  font-size:18px;
}
.pages {
  text-align: center;
  clear: both;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination>li {
  display: inline;
}
.pagination>li:first-child>a,
.pagination>li:first-child>span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}

.pagination>li>a,
.pagination>li>span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
#player{
  width:100%;
  height:100%;
}
.share-url{
  padding:15px;
}
.playbody{
  background-color: black;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
}
.mb5 {
  margin-bottom:15px;
}
@media screen and (max-width: 750px) {
  .layui-main {
  width: auto;
  margin: 0 10px;
  }
}